body

{

    line-height: 1.4;

    font-family: "Microsoft YaHei" ,Arial,Helvetica,sans-serif;

    font-size: 14px;

}

input, textarea, select

{

    font-family: inherit;

    font-size: 100%;

}

body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd, li, form

{

    margin: 0;

}

ul, ol, dl, li

{

    padding-left: 0;

    list-style-type: none;

}

body

{

    color: #666;

}

.carousel-inner

{

    z-index: -1;

}

.tinynav{

	width:100%;

	float:left;

}

@media (min-width:980px)

{

    .top-right

    {

        float: right;

    }

    .top-bok

    {

        margin: 15px 0 10px;

        padding-right: 5px;

        text-align: right;

    }

    .container

    {

        width: 1000px;

    }


    .container-top

    {

        width: 1000px;

        margin: 0 auto;

        padding:0;

    }

}

.logo

{

    float: left;

}



.top-bok a:hover

{

    color: #ff0066;

}

.search button.btn

{

    display: inline-block;

    padding: 6px 12px 7px 12px;

    margin-bottom: 0;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857143;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 0;

    background: #0c53ab;

}

.search button

{

    float: left;

}

a:hover img

{

    opacity: 0.8;

    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);

}



.item-menu-btn

{

    position: relative;

    right: 10px;

    padding: 0;

    top: 50%;

    margin: 0;

    margin-top: -10px;

    width: 16px;

    height: 16px;

    background: none;

    border: none;

}

.item-menu-btn span

{

    display: block;

    width: 16px;

    height: 2px;

    margin-top: 7px;

    background: #fff;

    -moz-transition: all .4s ease 0s; /* Firefox 4 */

    -webkit-transition: all .4s ease 0s; /* Safari and Chrome */

    -o-transition: all .4s ease 0s; /* Opera */

}

.item-menu-btn span + span

{

    margin-top: -2px;

    -moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

}

.item-menu-btn.collapsed span + span

{

    margin-top: -2px;

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg);

}

.item-menu

{

    padding: 0;

}

.item-menu ul, .new-product

{

    padding-left: 0;

    background: #fff;

    margin-bottom: 0;

    border: 1px solid #e7e7e7;

}


.item-menu li ul li

{

    border-bottom: none;

    float: left;

    width: 100%;

}

.item-menu li:last-child

{

    border-bottom: none;

}

.item-menu li a

{

    color: #333;

    font-size: 14px;

    text-decoration: none;

}


.item-menu li a:hover

{

    color: #ff0066;

}

.item-menu li a.activ

{

    color: #ff0066;

}

.item-menu li a span

{

    float:right;

    margin:21px;

    background: #d5d5d5;

    border-radius:50%;

    text-align:center;

    width: 12px;

    height: 12px;
    
    line-height:12px;

    color: #fff;

    font-size:8px;

}




.nav-header.collapsed > span.glyphicon-chevron-toggle:before

{

     content: "\e258";

}


.nav-header > span.glyphicon-chevron-toggle:before

{

     content: "\e259";

}

.item-menu ul li ul li a

{

    padding: 0;

}

.item-menu ul li a

{

    padding-left: 10px;

    height:55px;

    line-height:55px;

      display: block;

}

.item-menu ul li.activ>a

{

    color: #ff0066;

}

.item-menu ul li>a.activ>span,.item-menu ul li>a:hover>span

{

    background: #e63951;

}

@media (min-width:980px)

{

    .top-bok a, .top-bok span

{

    color: #666;

    font-size: 14px;

}

    .cte-bag

    {

        background: #fbfbfb;

    }

    #allmap

    {

        height: 500px;

        width: 100%;

        overflow: hidden;

    }

    .search input

    {

        float: left;

        display: inline-block;

        width: 235px;

        border: 1px solid #0c53ab;

    }

    .item-menu-t h2

    {

        line-height: 18px;

        padding: 5px 0;

        margin: 0;

        color: #fff;

        font-size: 24px;

    }

    .item-menu-t span

    {

        font-size: 16px;

        color: #fff;

        text-transform: capitalize;

    }

    .item-menu-t

    {

        padding: 16px;

        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#666,endColorStr=#ccc); /*IE 6 7 8*/

        background: #0c53ab;

    }

    .item-menu li

    {

        display: block;

        list-style-type: none;

        background-image:url(../images/item.png);

    }


    .item-menu li ul li

    {

        line-height: 50px;

        padding-left: 10px;

    }

    .item-menu ul li a.activ, .item-menu ul li a:hover{

        border-left:3px solid #e63951;

        }

}

.search button.btn

{

    color:#fff;

    }

@media (max-width:768px)

{

    .top-bok a, .top-bok span

{

    color: #fff;

    font-size: 14px;

}

    .top-bok

    {

        margin-bottom:10px;

        }

    .top-right

    {

        width: 100%;

        float: left;

        background: #000;

        padding:0 0 20px 12px;

    }

    #allmap

    {

        height: 150px;

        width: 100%;

        overflow: hidden;

    }

    .search input

    {

        float: left;

        display: inline-block;

        width: 225px;

        border: 1px solid #0c53ab;

    }

    .item-menu-t h2

    {

        line-height: 18px;

        padding: 5px 0;

        margin: 0;

        color: #fff;

        font-size: 16px;

    }

    .item-menu-t span

    {

        font-size: 14px;

        color: #93c5f9;

        text-transform: capitalize;

    }

    .item-menu-t

    {

        padding: 8px;

        filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#666,endColorStr=#ccc); /*IE 6 7 8*/

        background: #0c53ab;

        margin: 10px 0;

    }

    .item-menu li

    {

        display: block;

        line-height: 40px;

        padding-left: 10px;

        border-bottom: 2px #fff solid;

        list-style-type: none;

        background: #f4f4f4;

    }

}


.BMapLib_SearchInfoWindow .BMapLib_trans

{

    z-index: 0;

    position: absolute;

    bottom: -31px;

}






.slider

{

    position: relative;

    margin: 0 auto;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: -moz-none;

    -o-user-select: none;

    user-select: none;

}


.frame

{

    position: relative;

    margin: 0 auto;

    font-size: 0;

    line-height: 0;

    overflow: hidden;

    white-space: nowrap;

}



.slides

{

    display: inline-block;

}




.simple li:last-child, .variablewidth li:last-child, .multipleelements li:last-child, .multislides li:last-child, .ease li:last-child

{

    margin-right: 0;

}


.prev, .next

{

    position: absolute;

    top: 50%;

    margin-top: -25px;

    display: block;

    cursor: pointer;

}




.next:hover, .prev:hover

{

    color: #0d5aae;

}

@media (max-width: 768px)

{

    .next

    {

        right: 0;

    }


    .prev

    {

        left: 0;

    }

    .next svg, .prev svg

    {

        width: 25px;

        color: #c4c4c4;

    }

}

@media screen and (min-width: 980px )

{

    /**

         * Demo Page Styles

         */

    .next svg, .prev svg

    {

        width: 48px;

    }


    .examplecode

    {

        width: 880px;

    }


    .next

    {

        right: -40px;

    }


    .prev

    {

        left: -45px;

    }

    /**

         * Slider specific styles

         */


    .frame li

    {

        position: relative;

        display: inline-block;

        font-family: 'Source Sans Pro' , sans-serif;

        text-align: center;

        width: 300px;

    }


    .slider

    {

        width: 1000px;

        margin: 0 auto 20px;

    }


    .frame

    {

        width: 1000px;

    }



    .variablewidth li

    {

        width: 280px;

        margin-right: 10px;

    }


    .multipleelements li, .multislides li, .ease li

    {

        width: 250px;

        padding: 0 10px;

    }

}

.slides img

{

    width: 100%;

}

.owl-demo-fgt p

{

    color: #666;

    font-size: 14px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding: 10px 0;

}


@media only screen and (min-device-width: 320px) and (max-width: 580px)

{

    .frame

    {

        width: 250px;

    }


    .frame li

    {

        position: relative;

        display: inline-block;

        font-family: 'Source Sans Pro' , sans-serif;

        text-align: center;

        width: 250px;

    }


}

@media (min-width: 420px) and (max-width: 580px)

{

    .frame

    {

        width: 380px;

    }


    .frame li

    {

        position: relative;

        display: inline-block;

        font-family: 'Source Sans Pro' , sans-serif;

        text-align: center;

        padding: 0 10px;

        width: 190px;

    }

}

@media (min-width: 580px) and (max-width: 760px)

{

    .frame

    {

        width: 540px;

    }


    .frame li

    {

        position: relative;

        display: inline-block;

        font-family: 'Source Sans Pro' , sans-serif;

        text-align: center;

        width: 180px;

        padding: 0 10px;

    }

<var>readMail_036</var>